import React from 'react'
import { useNavigate } from 'react-router-dom';
// 订单商品列表
export default function Orderform_item(props) {
    let navigate = useNavigate()
    let { info } = props;
    return (
        <div>
            {info.map(tt => (
                <div key={tt._id} className="orderfrom_item_box">
                    <img src={tt.img} />
                    <div className='orderfrom_item_box_div'>
                        <p style={{ fontSize: "0.36rem" }}>{tt.name}</p>
                        <p style={{ color: "#ccc" }}>{tt.specs}枝/扎</p>
                        <p style={{display:"flex",justifyContent:"space-between"}}>
                            <span style={{ fontSize: "0.28rem", fontWeight: "700", color: "#9cb97d" }}>￥{tt.price}</span>
                            <span>x{tt.count}</span>
                        </p>
                    </div>
                </div>
            ))}
        </div>
    )
}
